<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>早餐搭配</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/match.css">
    <link rel="stylesheet" href="./css/Pop-ups.css">
</head>

<body>
    <div class="container">
        <div class="header">
            <div class="banner">
                <img src="./images/breakfast/banner.jpg" alt="">
            </div>
            <div class="clear"></div>
            <a href="order.html">
                 <img src="./images/breakfast/back.png" alt="">
            </a>
            <div class="clear"></div>
            <div class="title">
                <img src="./images/breakfast/cake.png" alt="">
                <div class="clear"></div>
                <h3>早餐搭配</h3>
            </div>
            <div class="clear"></div>
        </div>
        <div class="match">
            <div class="title">
                <h3>早餐时段经典搭配</h3>
                <img src="./images/breakfast/more.png" alt="">
                <div class="clear"></div>
            </div>
            <a href="#">
                <div class="package">
                <div class="box">
                    <img src="./images/breakfast/pic3.jpg" alt="">
                </div>
                <h4>包包汉堡早餐经典搭配</h4>
                <div class="pos">
                <img src="./images/breakfast/heard black.png" class="heart" alt="">
                <img src="./images/breakfast/heard.png" class="red" alt="">
                </div>
                <p>汉堡套餐搭配 <span>¥28.9</span></p>
                <div class="comment">
                    <img src="./images/breakfast/stat.png" alt="">
                    <p>5.0</p>
                    <p>(69人评论)</p>
                    <div class="order">
                        <p>下单</p>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            </a>
            
            <a href="#"> <div class="package">
                <div class="box">
                    <img src="./images/breakfast/pic3.jpg" alt="">
                </div>
                <h4>包包汉堡早餐经典搭配</h4>
                <div class="pos">
                <img src="./images/breakfast/heard black.png" class="heart" alt="">
                <img src="./images/breakfast/heard.png" class="red" alt="">
                </div>
                <p>汉堡套餐搭配 <span>¥28.9</span></p>
                <div class="comment">
                    <img src="./images/breakfast/stat.png" alt="">
                    <p>5.0</p>
                    <p>(69人评论)</p>
                    <div class="order">
                        <p>下单</p>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div></a>
           
            <a href="#"><div class="package">
                <div class="box">
                    <img src="./images/breakfast/pic3.jpg" alt="">
                </div>
                <h4>包包汉堡早餐经典搭配</h4>
                <div class="pos">
                <img src="./images/breakfast/heard black.png" class="heart" alt="">
                <img src="./images/breakfast/heard.png" class="red" alt="">
                </div>
                <p>汉堡套餐搭配 <span>¥28.9</span></p>
                <div class="comment">
                    <img src="./images/breakfast/stat.png" alt="">
                    <p>5.0</p>
                    <p>(69人评论)</p>
                    <div class="order">
                        <p>下单</p>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div></a>
            <div class="clear"></div>
    </div>
    <div class="sucess" style="display: none;">
        <a href="myorder.html">
            <img src="./images/pop-ups/back.png" alt="">
            <div class="clear"></div>
        </a>
        <div class="clear"></div>
        <div class="box">
            <img src="./images/pop-ups/hand-up.jpg" alt="">
            <p>商家已接单，请耐心等待配送
                谢谢你的支持</p>
                <div class="clear"></div>
            <input type="button" value="查看订单">
            <div class="clear"></div>
            <p><a href="#">订单有疑问，请联系客服</a></p>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</body>
</html>